Семантика. Номера телефонов

[vikusik]

В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую.

Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами?

Контакты:

- 8 (111) 11-11-11 главный менеджер

- 8 (111) 22-22-22

- 8 (111) 33-33-33

- 8 (111) 44-44-44 факс

<div class="contacts">
  <h2>Контакты:</h2>
  <address>
  - 8 (111) 11-11-11 главный менеджер <br />
  - 8 (111) 22-22-22 <br />
  - 8 (111) 33-33-33 <br />
  - 8 (111) 44-44-44 факс <br />
  </address>
</div>

[psywalker]

Я бы посмотрел в сторону микроформатов, а точнее на формат hCard

[mishka]

Номер телефона - это не адрес, поэтому в данном случае не стоит его делать тегом <address>.

Ну а для микроформатов пойдут любые теги.

[psywalker]

vikusik,

Вот как бы сделал я:

<div class="vcard">
<h2>Контакты:</h2>
  <a class="fn org url" href="ссылка на адрес компании">Название компании</a>

  <div class="tel">
   +7 (111) 11-11-11 <span class="type">главный менеджер</span>
  </div>
  <div class="tel">
   +7 (111) 22-22-22 
  </div>
  <div class="tel">
   +7 (111) 22-22-22
  </div>
  <div class="tel">
   +7 (111) 22-22-22
  </div>
</div>

Единственное, что меня смущает - это то, что у тебя нет названия организации, просто дело в том, что у форматов есть обязательные свойства, и у формата vcard - этим свойством является fn.

[Softlink]

Раз уже затронули эту тему, то отпишусь здесь.

hcard(vcard) нужен только для семантики и выгрузки в RSS?

Например код:

<div class="fn">Вася Пупкин</div>

Здесь класс fn служит только для того, чтобы отобразить Formatted Name? Т.е. он не навешивает стили? Хотя можно навесить и ничего страшного не будет, правильно понимаю?

[vikusik]

Ну ничего себе, спасибо, столько нового!

А микроформаты, как я понимаю, нужны для поисковиков? получается специально для этого и изобретены?

[Int]

Для файрфокса есть два плагина, видящих микроформаты. Один точно может выгружать визитные карточки на основе микрофорамтов. Другой не смотрел толком.

[psywalker]

Раз уже затронули эту тему, то отпишусь здесь.

hcard(vcard) нужен только для семантики и выгрузки в RSS?

Нет, не только, а намного шире, намноого. В первую очередь ты этим самым как бы переводишь свою визитную карточку на структурированный и язык. Полезен для обмена информацией в интернете, которую будут собирать роботы, благодаря разметке, которую они понимают.

Например код:

<div class="fn">Вася Пупкин</div>

Здесь класс fn служит только для того, чтобы отобразить Formatted Name? Т.е. он не навешивает стили? Хотя можно навесить и ничего страшного не будет, правильно понимаю?

Как я понял, если в качестве указания организации используется имя и фамилия человека, а не его никнейм, тогда походу можно и на fn повесить нужные стили, а если никнейм - то дополнительный класс - nickname

Ну ничего себе, спасибо, столько нового!

А микроформаты, как я понимаю, нужны для поисковиков? получается специально для этого и изобретены?

Вообще получается, что да (т.е. эту разметку они понимают), но прежде всего это полезная вещь именно для тебя.

[Softlink]

Нет, не только, а намного шире, намноого. В первую очередь ты этим самым как бы переводишь свою визитную карточку на структурированный и язык. Полезен для обмена информацией в интернете, которую будут собирать роботы, благодаря разметке, которую они понимают.

ну я это и подразумевал

Например код:

<div class="fn">Вася Пупкин</div>

Здесь класс fn служит только для того, чтобы отобразить Formatted Name? Т.е. он не навешивает стили? Хотя можно навесить и ничего страшного не будет, правильно понимаю?

Как я понял, если в качестве указания организации используется имя и фамилия человека, а не его никнейм, тогда походу можно и на fn повесить нужные стили, а если никнейм - то дополнительный класс - nickname

Ты немного не понял. Я могу классом fn стилизовать див? В этом ничего страшного нет?

[psywalker]

Softlink,

тогда походу можно и на fn повесить нужные стили,

[amelice]

Я бы посмотрел в сторону микроформатов, а точнее на формат hCard

Что это за форматы?

psywalker, дай мне линки на них, когда же буду успевать за терминами?

[psywalker]

Я бы посмотрел в сторону микроформатов, а точнее на формат hCard

Что это за форматы?

psywalker, дай мне линки на них, когда же буду успевать за терминами?

http://help.yandex.ru/webmaster/?id=1111573

http://microformats.org/wiki/Main_Page

[amelice]

http://help.yandex.ru/webmaster/?id=1111573

http://microformats.org/wiki/Main_Page

Спасибо!

[psywalker]

http://help.yandex.ru/webmaster/?id=1111573

http://microformats.org/wiki/Main_Page

Спасибо!

И тебе!

[mishka]

Ты немного не понял. Я могу классом fn стилизовать див? В этом ничего страшного нет?

Лучше от этого отказаться. Так как этот класс для микроформата. Захочешь убрать микроформаты - и стили уберутся.

[psywalker]

Ты немного не понял. Я могу классом fn стилизовать див? В этом ничего страшного нет?

Лучше от этого отказаться. Так как этот класс для микроформата. Захочешь убрать микроформаты - и стили уберутся.

Захочешь убрать микроформаты, и стили уже не нужны будут

[mishka]

ага, застайлил те же телефоны, убрал микроформаты - и все? стили не нужны?

[psywalker]

ага, застайлил те же телефоны, убрал микроформаты - и все? стили не нужны?

Вообще по идее такие вещи, как мне кажется - не требуют такой универсальности прям. Для блока формата можно написать нужные стили, а вешать дополнительные классы на все его свойства считаю избыточным вариантом. По крайней мере я такого не видел ещё.

[mishka]

ага, застайлил те же телефоны, убрал микроформаты - и все? стили не нужны?

Вообще по идее такие вещи, как мне кажется - не требуют такой универсальности прям. Для блока формата можно написать нужные стили, а вешать дополнительные классы на все его свойства считаю избыточным вариантом. По крайней мере я такого не видел ещё.

Если ты не видел, это не значит что это не правильно.

Проанализируй БЭМ, там как в пословице - "кесарю кесарево". И тут тоже не помешает придерживаться этого правила.

[Softlink]

ага, застайлил те же телефоны, убрал микроформаты - и все? стили не нужны?

Вообще по идее такие вещи, как мне кажется - не требуют такой универсальности прям. Для блока формата можно написать нужные стили, а вешать дополнительные классы на все его свойства считаю избыточным вариантом. По крайней мере я такого не видел ещё.

допустим телефон надо обозначить каким-то другим цветом или шрифтом. Вот тебе и избыточность

О, кстати, а если внутри микроформата появится еще один див или спан - это плохо?

<div class="fn"><span class="xxx">Вася Пупкин</span></div>

Я читал русскоязычную вики на микроформатс.орг, но там как раз страница со стилизацией МФ отсутствует. Ссылка на нее есть, но страницы нет на сервере. Или я плохо искал

[web-monster]

В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую.

Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами?

Контакты:

- 8 (111) 11-11-11 главный менеджер

- 8 (111) 22-22-22

- 8 (111) 33-33-33

- 8 (111) 44-44-44 факс

<div class="contacts">
  <h2>Контакты:</h2>
  <address>
  - 8 (111) 11-11-11 главный менеджер <br />
  - 8 (111) 22-22-22 <br />
  - 8 (111) 33-33-33 <br />
  - 8 (111) 44-44-44 факс <br />
  </address>
</div>

А по моему тег address здесь самое оно. Непонятый многими. Тег address

[psywalker]

ага, застайлил те же телефоны, убрал микроформаты - и все? стили не нужны?

Вообще по идее такие вещи, как мне кажется - не требуют такой универсальности прям. Для блока формата можно написать нужные стили, а вешать дополнительные классы на все его свойства считаю избыточным вариантом. По крайней мере я такого не видел ещё.

Если ты не видел, это не значит что это не правильно.

Проанализируй БЭМ, там как в пословице - "кесарю кесарево". И тут тоже не помешает придерживаться этого правила.

Ну возможно, да, спорить не буду. Просто реально не видел ни разу, поэтому и сомневаюсь. А вообще да, можно, если очень хочется, подойти к этой ситуации универсально и возложить стилизацию на дополнительные классы.

В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую.

Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами?

Контакты:

- 8 (111) 11-11-11 главный менеджер

- 8 (111) 22-22-22

- 8 (111) 33-33-33

- 8 (111) 44-44-44 факс

<div class="contacts">
  <h2>Контакты:</h2>
  <address>
  - 8 (111) 11-11-11 главный менеджер <br />
  - 8 (111) 22-22-22 <br />
  - 8 (111) 33-33-33 <br />
  - 8 (111) 44-44-44 факс <br />
  </address>
</div>

А по моему тег address здесь самое оно. Непонятый многими. Тег address

Сам себя обманываешь. Где тут хотя бы один адрес?

[mishka]

Ну возможно, да, спорить не буду. Просто реально не видел ни разу, поэтому и сомневаюсь. А вообще да, можно, если очень хочется, подойти к этой ситуации универсально и возложить стилизацию на дополнительные классы.

Просто все делают "как в примере", а в примере обычно показывают только суть, тоесть в примере на то как это застайлить вообще не уделяют внимание, и значит никаких доп классов нету.

Аналог:

Привели пример где галлерея делается списком (обычно это галлерея картинок) - верстальщик по этой аналогии будет все что приблизительно похоже на галлерею сунуть в список, и через годы его сложно переубедить что не все то список что имеет повторение.

[psywalker]

Ну возможно, да, спорить не буду. Просто реально не видел ни разу, поэтому и сомневаюсь. А вообще да, можно, если очень хочется, подойти к этой ситуации универсально и возложить стилизацию на дополнительные классы.

Просто все делают "как в примере", а в примере обычно показывают только суть, тоесть в примере на то как это застайлить вообще не уделяют внимание, и значит никаких доп классов нету.

Аналог:

Привели пример где галлерея делается списком (обычно это галлерея картинок) - верстальщик по этой аналогии будет все что приблизительно похоже на галлерею сунуть в список, и через годы его сложно переубедить что не все то список что имеет повторение.

Ну да, верно. Я сам недавно только на землю спустился по этому поводу

[mishka]

Но это мое ИМХО, я считаю так правильно.

Но это не истина в последней инстанции.

Да и часто пользуюсь классами как в микроформатах (тот же .tel), при этом не даю родителю класс vcard(тоесть нету цели сделать микроформат). А если и даю, то .tel всеравно стайлю через этот класс... Вобщем кто как сделает

[psywalker]

Но это мое ИМХО, я считаю так правильно.

Но это не истина в последней инстанции.

Да и часто пользуюсь классами как в микроформатах (тот же .tel), при этом не даю родителю класс vcard. А если и даю, то .tel всеравно стайлю через этот класс... Вобщем кто как сделает

А ты не мог бы привести небольшой примерчик, правильной разметки на твой взгляд?